<template>
  <view>
    <f-navbar title="派单" navbarType="1"> </f-navbar>
    <view class="apply">
      <view class="form">
        <u--form
          :model="form"
          :rules="rules"
          labelPosition="top"
          labelWidth="180"
        >
          <u-form-item
            labelPosition="top"
            label="提交消错原因"
            prop="userInfo.sex"
            required
          >
            <u--textarea
              v-model="form.value5"
              placeholder="请输入内容"
              border="bottom"
            ></u--textarea>
          </u-form-item>
          <u-form-item :label="`现场照片（${0}/5）`" prop="userInfo.sex">
            <upload uploadTip="上传"></upload>
          </u-form-item>
        </u--form>
      </view>
      <view class="button">
        <view class="button1">确认</view>
      </view>
    </view>
  </view>
</template>

<script>
import upload from "@/components/upload/list.vue";
export default {
  components: {
    upload,
  },
  data() {
    return {
      form: {},
      rules: {
        "userInfo.name": {
          type: "string",
          required: true,
          message: "请填写姓名",
          trigger: ["blur", "change"],
        },
      },
    };
  },
  methods: {},
};
</script>

<style lang="less" scoped>
.apply {
  margin-top: 30rpx;
  background: #ffffff;
  padding: 0 30rpx;
  height: calc(100vh - 30rpx);
  .button {
    margin: 0 40rpx;
    padding: 80rpx 0;
  }
  .button1 {
    padding: 24rpx;
    text-align: center;
    border-radius: 200rpx;
    font-size: 32rpx;
    color: #ffffff;
    margin-top: 30rpx;
    background: linear-gradient(83deg, #48b453 0%, #2c9f79 100%);
  }
}
</style>
